<template>
	<div class="minemore">
		<div class="header">
			<el-button type="primary" @click="fanhui" style="margin-left: 85%;width: 90px;">返回</el-button>
		</div>
		<el-row class="wrap">
			<el-col :span="12" class="inner">
				<span style="">门店logo : </span>
				<img class="logo" :src="baseUrl+tableData.outletLogo" alt="" />
			</el-col>
			<el-col :span="12" class="inner">
				<span>门店名称 : </span>
				<el-input type="text" v-model="tableData.outletName" disabled></el-input>
			</el-col>
			<el-col :span="12" class="inner">
				<span>负责人 : </span>
				<el-input type="text" v-model="tableData.adminName" disabled></el-input>
			</el-col>
			<el-col :span="12" class="inner">
				<span>营业时间 : </span>
				<el-input type="text" v-model="tableData.outletOpenTime" disabled></el-input>
			</el-col>
			<el-col :span="12" class="inner">
				<span>门店地址 : </span>
				<el-input type="text" v-model="tableData.outletAddress" disabled></el-input>
			</el-col>
			<el-col :span="12" class="inner">
				<span>联系方式 : </span>
				<el-input type="text" v-model="tableData.outletPhone" disabled></el-input>
			</el-col>
			<el-col :span="12" class="inner">
				<span>备注 : </span>
				<el-input type="text" v-model="tableData.outletDescr" disabled></el-input>
			</el-col>
		</el-row>
			
		
	</div>
</template>

<script>
	export default{
		data() {
			return{
				baseUrl:require('../assets/baseUrl.js').baseUrl,
				outletId:"",
				flag:true,
				tableData:[],
				
			}
		},
		methods:{
			//返回上一级
			fanhui(){
				this.$router.push("/gerenzhong/minecenter")
			},
			//查询门店
			getStore(){
				// http://localhost:8081/outlets/outlet/getAllOutletsByAdminId
				this.$http.post(this.baseUrl+"outlets/getOutletById",{
					id:Number(this.outletId)
				}).then(res=>{
					if(res.data.code==200){
						this.tableData=res.data.data
					}
					// console.log(this.tableData)
				})
			},
		},
		mounted() {
			
			this.outletId=this.$route.query.outletId
			// console.log(this.outletId)
			this.getStore()
		}
	}
</script>

<style>
	.minemore{
		margin-left: 20px;
	}
	.minemore .header{
		margin-top: 20px;
	}
	/* 表格 */
	.minemore .logo{
		width: 60px;
		height: 60px;
		border-radius: 50px;
	}
	.minemore .wrap .inner{
		display: flex;
		align-items: center;
		height: 70px;
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.minemore .wrap span{
		width: 100px;
		text-align: center;
		font-size: 15px;
	}
	.minemore .wrap input{
		width: 200px;
		height: 50px;
		line-height: 50px;
	}
	.minemore .wrap .el-input.is-disabled .el-input__inner{
		color: #333;
	}
	
	.minemore .button{
		margin-left: 20px;
		width: 100px;
	}
</style>